/**
 * @function
 */
@function pxToRem($px) {
  @return $px + rpx;
}
view, image, button, input {
  box-sizing: border-box;
}
image {
  display: block;
  width: 100%;
  height: 100%;
}

button {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  &:after {
    border-radius: 0;
    border: none;
  }
}

.table {
  box-shadow:0 pxToRem(-6) pxToRem(6) 0 rgba(0,0,0,0.05);
  .tr {
    display: flex;
    align-items: center;
  }
  .td, .th {
    font-size: pxToRem(24);
    line-height: pxToRem(34);
    color: #8E9091;
    padding-top: pxToRem(15);
    padding-bottom: pxToRem(15);
    text-align: center;
  }
  .td {
    color: #4A4A4A;
  }
}
.info-wrap {
  padding-left: pxToRem(40);
  padding-right: pxToRem(40);
  .info-item {
    position: relative;
    border-bottom: pxToRem(1) solid rgba(68, 189, 245, 0.3);
    min-height: pxToRem(112);
    .info-name {
      display: flex;
      align-items: center;
      @include middle-center-y();
      left: 0;
      font-size: pxToRem(28);
      img {
        margin-right: pxToRem(20);
        width: pxToRem(28);
        height: pxToRem(28);
      }
      .require {
        color: #D0021B;
      }
    }
    .unit, .btn-right {
      @include middle-center-y();
      right: 0;
      color: #9B9B9B;
      font-size: pxToRem(28);
    }
    .btn-right {
      width: pxToRem(14);
      height: pxToRem(26);
    }
    input, .radio-group, .picker {
      padding: 0 pxToRem(30) 0 pxToRem(300);
      font-size: pxToRem(28);
      line-height: pxToRem(112);
      box-sizing: border-box;
      height: pxToRem(112);
      &::-webkit-input-placeholder {
        color: #9B9B9B;
      }
      &.select {
        color: #4a4a4a;
      }
    }
    .picker-list {
      display: flex;
      align-items: center;
      padding-left: pxToRem(300);
      width: 100%;
      box-sizing: border-box;
      .picker {
        flex: 1;
        padding-left: 0;
        line-height: pxToRem(112);
        box-sizing: border-box;
        height: pxToRem(112);
        font-size: pxToRem(28);
      }
    }
    .disabled {
      color: #707070;
    }
    .radio {
      margin-right: pxToRem(50);
      font-size: pxToRem(28);
      .label {
        margin-left: pxToRem(5);
        font-size: pxToRem(28);
      }
    }
  }
}
